/* Overview */

#overview {
    spacing: 12px;
}

.window-caption {
    spacing: 25px;
}

.workspace-controls {
    visible-width: 32px;
}

.workspace-thumbnails-background {
    background-color: rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 2px rgba(0,0,0,0.6);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 8px;
}

.workspace-thumbnails-background:ltr {
    border-right: none;
    border-radius: 5px 0px 0px 5px;
}

.workspace-thumbnails-background:rtl {
    border-left: none;
    border-radius: 0px 5px 5px 0px;
}

.workspace-thumbnails {
    spacing: 8px;
}

.workspace-thumbnail-indicator {
    outline: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.5);
}

.window-caption {
    padding: 0px 2px;
    -shell-caption-spacing: 6px;
}

.window-close {
    background-image: url("img/close-window.svg");
    height: 34px;
    width: 34px;
    -shell-close-overlap: 18px;
}

/* Dash */

#dash {
    background-color: rgba(0,0,0,0.2);
    box-shadow: inset 0px 0px 2px rgba(0,0,0,0.6);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 4px 7px 5px 7px;
}

#dash:ltr {
    border-left: none;
    border-radius: 0px 5px 5px 0px;
}

#dash:rtl {
    border-right: none;
    border-radius: 5px 0px 0px 5px;
}

#dash:empty {
    height: 100px;
    width: 60px;
}

#viewSelector {
    spacing: 12px;
    padding: 1em 0em;
}

#viewSelectorTabBar {
    padding-bottom: 1.2em;
}

/* Search Box */

#searchArea {
    padding: 0px 32px;
    padding-bottom: 1.2em;
}

#searchEntry {
    width: 210px;
    background-gradient-direction: vertical;
	background-gradient-start: rgba(0,0,0,0.2);
	background-gradient-end: rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.6);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 4px;
    padding: .45em .8em;
    color: #ccc;
}

#searchEntry:focus,
#searchEntry:hover {
    background-gradient-start: rgba(0,0,0,0.25);
    background-gradient-end: rgba(0,0,0,0.15);
    color: #fff;
}

.search-entry-icon {
    icon-size: 1.09em;
    color: #ccc;
}

/* View Tabs */

.view-tab-title {
    border: 1px solid transparent;
    border-radius: 3px;
    padding: .45em .8em;
    color: #ccc;
    font-weight: bold;
}

.view-tab-title:hover,
.view-tab-title:selected {
    color: #fff;
}

.view-tab-title:selected {
    border-color: rgba(0,0,0,0.2);
    background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.3);
	background-gradient-end: rgba(255,255,255,0.1);
	box-shadow: inset 0px 0px 2px rgba(255,255,255,0.3);
}

/* Search Results */

#searchResults {
    spacing: 12px;
    padding-top: 9px;
}

#searchResults:ltr {
    padding-right: 32px;
}

#searchResults:rtl {
    padding-left: 32px;
}

#searchResultsContent {
    spacing: 36px;
}

#searchResultsContent:ltr {
    padding-right: 20px;
}

#searchResultsContent:rtl {
    padding-left: 20px;
}

.search-statustext {
    spacing: 4px;
    padding: .4em .8em;
}

.search-section-header {
    background-gradient-direction: horizontal;
    background-gradient-start: rgba(255,255,255,0.05);
    background-gradient-end: rgba(255,255,255,0);
    border-radius: 3px;
    spacing: 4px;
    padding: .5em .9em .45em .9em;
    font-size: .9em;
}

.search-section-results {
    padding-top: 12px;
}

.search-section-list-results {
    spacing: 4px;
}

.results-container {
    spacing: 4px;
}

.search-providers-box {
    spacing: 12px;
    padding-top: 1em;
}

.dash-search-button {
    width: 200px;
    font-weight: bold;
    padding: .45em .8em;
    border-radius: 3px;
}

StTooltip StLabel {
    background-color: rgba(0,0,0,0.8);
    border-radius: 3px;
    padding: 2px 8px;
    text-align: center;
}

/* Application Launchers and Grid */

.icon-grid {
    padding: 0em .8em;
    spacing: 36px;
    -shell-grid-item-size: 100px;
}

.icon-grid .overview-icon {
    icon-size: 64px;
}

.all-app {
    padding-top: 9px;
    spacing: 20px;
}

.all-app:ltr {
    padding-right: 32px;
}

.all-app:rtl {
    padding-left: 32px;
}

.app-filter {
    width: 200px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: .45em .8em;
    font-weight: bold;
    color: #ccc;
}

.app-filter:hover,
.app-filter:selected,
.app-filter:focus {
    color: #fff;
}

.app-filter:selected,
.app-filter:focus {
    border-color: rgba(0,0,0,0.2);
    background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.3);
	background-gradient-end: rgba(255,255,255,0.1);
	box-shadow: inset 0px 0px 2px rgba(255,255,255,0.3);
}

.dash-item-container > .app-well-app {
    padding: 4px 1px 3px 1px;
}

.remove-favorite-icon {
    color: #ccc;
}

.app-well-app > .overview-icon,
.remove-favorite > .overview-icon,
.search-result-content > .overview-icon {
    border-radius: 4px;
    padding: 3px;
    border: 1px solid transparent;
    text-align: center;
    spacing: 1px;
}

/* Contacts */

.contact-grid {
    padding: 0em .8em;
    spacing: 36px;
    -shell-grid-item-size: 264px;
}

.contact {
    width: 256px;
    height: 108px;
    border-radius: 4px;
    padding: 3px;
    border: 1px solid transparent;
}

.contact-content {
    padding: 8px;
    width: 232px;
    height: 84px;
    background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.3);
	background-gradient-end: rgba(255,255,255,0.1);
	box-shadow: inset 0px 0px 2px rgba(255,255,255,0.3);
	border-radius: 3px;
}

.contact-icon {
    border: 1px solid transparent;
    border-top: none;
}

.contact-details {
    spacing: 8px;
    padding: 8px;
}

.contact-details-alias {
    font-weight: bold;
}

.contact-details-status {
    spacing: 4px;
}

.contact:hover,
.contact:focus,
.contact:selected,
.app-well-app:hover > .overview-icon,
.app-well-app:focus > .overview-icon,
.app-well-app:selected > .overview-icon,
.remove-favorite:hover > .overview-icon,
.search-result-content:hover > .overview-icon,
.search-result-content:focus > .overview-icon,
.search-result-content:selected > .overview-icon {
	background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.1);
	background-gradient-end: rgba(255,255,255,0.05);
	box-shadow: inset 0px 0px 2px rgba(255,255,255,0.1);
	border-color: rgba(0,0,0,0.1);
}

.app-well-app.running > .overview-icon {
    background-gradient-direction: vertical;
	background-gradient-start: rgba(255,255,255,0.3);
	background-gradient-end: rgba(255,255,255,0.1);
	box-shadow: inset 0px 0px 2px rgba(255,255,255,0.3);
	border-color: rgba(0,0,0,0.2);
}

.app-well-app.running:hover > .overview-icon,
.app-well-app.running:focus > .overview-icon,
.app-well-app.running:selected > .overview-icon {
	background-gradient-start: rgba(255,255,255,0.4);
	box-shadow: inset 0px 0px 2px rgba(255,255,255,0.4);
}

.app-well-menu {
    -boxpointer-gap: 3px;
}